*{
    margin: 0px;
    padding: 0px;
}
li{
    list-style: none;
    
}
nav{
    height: 350px;
    background: black;
}
nav li{
    height: 60px;
    text-align: center;
    border-bottom: 1px solid white;
    line-height: 60px;
}
nav li:nth-of-type(1):hover{
    cursor: pointer;
}
nav li:nth-of-type(1){
    height: 30px;
    border: none;;
}
nav li:nth-last-of-type(1){
    border: none;
}
nav li a:hover{
    color: pink;
}
nav li a{
    color: white;
    text-decoration: none;
}
body{
    background: url("../image/person_bg.jpg") no-repeat;
    background-size: cover;
    color: white;
}
header{
    margin-top: 20px;
    height: 100px;
}
.user_content p{
    height: 50px;
}
h3{
    color: pink;
    font-size: 15px;
}
.icons{
    font-size: 20px;
}
.user_content span.icons{
    font-size: 20px;
}
/* 
 兼容小型设备
*/
@media screen and (max-width:539px) and (min-width: 100px){
    .show_lg_nav{
        display:none;
    }
    .show_xs_nav{
        display: none;
        position: fixed;
        left: -20px;
        z-index: 3;
    }
    h3{
        font-size: 14px;
    }
    .user_content span.icons{
        font-size: 14px;
    }
    
}
/*
 兼容sm
*/
@media screen and (max-width:992px) and (min-width: 765px){
    .show_lg_nav{
        display: block;   
    }
    .show_xs_nav{
        display: none;
    }
    .logo_xs_view_menu{
        display: none;
    }
}
@media screen and (max-width:1200px) and (min-width: 993px){
    .show_lg_nav{
        display: block;   
    }
    .show_xs_nav{
        display: none;
    }
    .logo_xs_view_menu{
        display: none;
    }
}
@media screen and (max-width:2000px) and (min-width: 1200px){
    .show_lg_nav{
        display: block;   
    }
    .show_xs_nav{
        display: none;
    }
    .logo_xs_view_menu{
        display: none;
    }
}